<template>
  <uni-popup ref="popup" type="bottom" @close="close">
    <view class="flex-col section_2 take-photos-and-sign-for-receipt">
      <view class="flex-row justify-between items-center">
        <view class="flex-row items-center section_3">
          <text class="iconfont xlmicon-dizhiguanli" style="font-size: 18px;color: #fff;"></text>
          <text class="ml-6 font text">xxxxx小区</text>
        </view>
        <text class="font_2 text_2">清空数据</text>
      </view>
      <view class="mt-22 flex-col">
        <view class="flex-row equal-division">
          <view class="flex-col justify-start items-start equal-division-item text-wrapper">
            <text class="font_3 text_3">楼栋</text>
          </view>
          <view
            class="ml-10 flex-col justify-start items-start equal-division-item equal-division-item_2">
            <text class="font_3 text_4">单元</text>
          </view>
          <view
            class="ml-10 flex-col justify-start items-start equal-division-item equal-division-item_2"
          >
            <text class="font_3 text_4">房间</text>
          </view>
        </view>
        <view class="flex-row justify-evenly self-stretch group">
          <view class="flex-col justify-start items-center text-wrapper_2"><text class="font_2">门口</text></view>
          <view class="flex-col justify-start items-center text-wrapper_3"><text class="font_4">前台</text></view>
          <view class="flex-col justify-start items-center text-wrapper_4"><text class="font_4">保安室</text></view>
          <view class="flex-col justify-start items-center text-wrapper_5"><text class="font_4">快递货架</text></view>
          <view class="flex-col justify-start items-center text-wrapper_6"><text class="font_4">其他</text></view>
        </view>
        <text class="self-start font text_5">门口照片</text>
        <view class="flex-col justify-start items-center self-start section_4">
          <view class="flex-col items-center group_2">
            <text class="iconfont xlmicon-dizhiguanli" style="font-size: 22px;color: #425060;"></text>
            <text class="mt-6 text_6">拍门口</text>
          </view>
        </view>
        <view class="flex-col self-stretch group_3">
          <view class="flex-col justify-start items-center self-center text-wrapper_7">
            <text class="font_2">长按新增包裹列表</text>
          </view>
          <view class="flex-col justify-start items-center self-stretch text-wrapper_8 mt-13">
            <text class="font_4 text_7">签收完成</text>
          </view>
        </view>
      </view>
    </view>
  </uni-popup>
</template>
<script setup lang="ts">
  import { ref, computed } from 'vue'
  import { useOutsideAppStore } from '@/store/app'
  const appStore = useOutsideAppStore()
  const navHeight = computed(() => appStore.navHeight)
  const scrollTop = ref(0)
  const onPageScroll = (e: any) => {
    scrollTop.value = e.detail.scrollTop
  }

  const popup = ref()
  const close = () => {
    popup.value.close()
  }
  const open = () => {
    popup.value.open()
  }
  defineExpose({
    open,
    close
  })
</script>
<style lang="scss" scoped>
  @import './index.scss';
</style>
